<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>vueTest</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script src='main.js'></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <script>
        //  axios({
        //     method:'get',
        //     url:'http://localhost:8099/MesRawData2'
        // }).then(result=>{
        //     //成功响应
        //     //result代表服务器响应的所有的数据，包含了响应头，响应体，result.data代表响应核心数据
        //     alert(result.data);
        // }).catch(err=>{
        //     //失败响应
        //     alert(err);
        // });

        let MesRawData2={
            id:7,
            device_code:"12344334",
            guid:1,
            json_content:"acv",
            json_response:"123",
            port_url:"abcd/1234",
            unit_no:1,
        }
        // axios({
        //     method:'post',
        //     url:'http://localhost:8099/MesRawData2',
        //     data:MesRawData2
        // }).then(result=>{
        //     //成功响应
        //     //result代表服务器响应的所有的数据，包含了响应头，响应体，result.data代表响应核心数据
        //     alert(result.data);
        // }).catch(err=>{
        //     //失败响应
        //     alert(err);
        // });
        axios.post('http://localhost:8099/MesRawData2',MesRawData2).then(result=>{
            alert(result.data);
        }).catch(err=>{
            alert(err)
        })
    </script>
    <div id="app">
        <h1>{{msg}}</h1>
        <input type="text" v-model="testText">
        <input type="button" value="click me" v-on:click="clickBybutton">
        <h2>{{testText}}</h2>
    </div>
    <!-- 引入Vue -->
    <script type="module">
        import{createApp} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
        createApp({
            data(){
                return{
                    //定义数据
                    msg:'this is demo',
                    testText:''
                }
            },
            methods:{
                    clickBybutton(){
                        alert('this is button')
                    }
                }
        }).mount('#app');
       
    </script>
</body>
</html>